<div class="breadcrumb">
    <ul>
        <li>
            <i class="icon-home home-icon"></i>
            <a href="#">Home</a>
            <span class="divider">
                <i class="icon-angle-right arrow-icon"></i>
            </span>
        </li>
        <li>
            <a href="#">Gerenciar</a>

            <span class="divider">
                <i class="icon-angle-right arrow-icon"></i>
            </span>
        </li>
        <li class="active">Coordenadores</li>
    </ul>
</div>
<div id="conteudo">
    <div class="c_header">
        <h1 class="tituloh1">Gerenciar coordenadores</h1>
    </div>
    <table id="dg" class="easyui-datagrid" data-options="width: '900', height: '400', url: './gerenciar/get_crd_data', pagination: 'true', 
           toolbar: '#toolbar', rownumbers: 'true', fitColumns: 'true', singleSelect: 'true'">
        <thead>
            <tr>
                <th data-options="field: 'nome', sortable: true" width="50">Nome</th>                
                <th data-options="field: 'user', type: 'datebox'" width="50">Usuário</th>
                <th data-options="field: 'email'" width="50">E-mail</th>
                <th data-options="field: 'dtnasc'" width="50">Data de nascimento</th>
                <th data-options="field: 'sexo'" width="50">Sexo</th>
            </tr>
        </thead>
    </table>
    <div id="toolbar">
        <button class="botao green new"><icon class="icon-plus"></icon>&nbsp; Cadastrar</button>
        <button class="botao darkblue edit"><icon class="icon-pencil"></icon>&nbsp; Editar</button>
        <button class="botao pass"><icon class="icon-key"></icon>&nbsp; Alterar senha</button>
        <button class="botao red remove"><icon class="icon-trash"></icon>&nbsp; Remover</button>
    </div>
    <div id="dlg" class="easyui-dialog" style="width:400px;height:320px;padding:10px 20px"
         data-options="closed: 'true', buttons: '#dlg-buttons'">
        <div class="ftitle">Informações do usuário</div>
        <form id="fm" method="post" novalidate>
            <div class="fitem">
                <label>Nome:</label>
                <input name="nome" class="easyui-textbox" required="required">
            </div>
            <div class="fitem">
                <label>Data de nascimento:</label>
                <input id="dtnasc" name="dtnasc" class="easyui-datebox" required data-options="validType: 'validDate'">
            </div>
            <div class="fitem">
                <label>Sexo:</label>
                <input name="sexo" class="easyui-combobox" data-options="
                       required:true,prompt:'Selecione o sexo',valueField: 'label', textField: 'value', data: [{label: 'M',value: 'M'},{label: 'F',value: 'F'}]" />
            </div>
            <div class="fitem">
                <label>Usuário:</label>
                <input name="user" class="easyui-textbox">
            </div>
            <div class="fitem">
                <label>E-mail:</label>
                <input name="email" class="easyui-textbox" data-options="validType: 'email'">
            </div>
        </form>
    </div>
    <div id="dlg-buttons">
        <button class="botao save"><icon class="icon-ok"></icon>&nbsp; Salvar</button>
        <button class="botao cancl"><icon class="icon-remove"></icon>&nbsp; Cancelar</button>
    </div>
    <p>&nbsp;</p>
    <div id="choosepass" style="display: none">
        <div class="box">
            <p style="font-weight: bold">Para alterar a senha deste usuário digite sua senha</p>
            <label for="snhmst">Sua senha: <input class="rstPass" name="snhmst" id="snhmst" type="password" value="" /></label>
        </div>
        <hr />
        <p style="font-weight: bold">Digite a nova senha para o usuário</p>
        <div class="box">
            <label for="nsnh">Nova senha: <input class="rstPass" name="nsnh" id="nsnh" type="password" value="" /></label>
        </div>
        <div class="box">
            <label for="nsnh2">Confirmar:&nbsp;&nbsp;&nbsp; <input class="rstPass" name="nsnh2" id="nsnh2" type="password" value="" /></label>
        </div>
        <hr />
        <div class="box">
            <button class="botao savepass"><icon class="icon-ok"></icon>&nbsp; Salvar</button>
            <button class="botao canclpass"><icon class="icon-remove"></icon>&nbsp; Cancelar</button>
        </div>
    </div>
</div>